/*
这个功能利用了 counter 这个属性，由于 h1,h2,h3 等标签不是嵌套的。
所以需要编写多个counter。
*/

:root{
	--tfe-pn-seq: '.' /* 修改这里修改分隔符 */
}

h1{
	counter-reset: h2c;
}
h2{
	counter-reset: h3c;
}
h3{
	counter-reset: h4c;
}
h4{
	counter-reset: h5c;
}
h5{
	counter-reset: h6c;
}
h2::before{
	content: counter(h2c) ' ';
	counter-increment: h2c;
}
h3::before{
	content: counter(h2c) var(--tfe-pn-seq) counter(h3c) ' ';
	counter-increment: h3c
}
h4::before{
	content: counter(h2c) var(--tfe-pn-seq) counter(h3c) var(--tfe-pn-seq) counter(h4c) ' ';
	counter-increment: h4c
}
h5::before{
	content: counter(h2c) var(--tfe-pn-seq) counter(h3c) var(--tfe-pn-seq) counter(h4c) var(--tfe-pn-seq) counter(h5c) ' ';
	counter-increment: h5c
}
h6::before{
	content: counter(h2c) var(--tfe-pn-seq) counter(h3c) var(--tfe-pn-seq) counter(h4c) var(--tfe-pn-seq) counter(h5c) var(--tfe-pn-seq) counter(h6c)' ';
	counter-increment: h6c
}